<style>
.datepicker{z-index:1151!important;}
.icon-adduser,.icon-addtimer{
	font-size: 20px;padding: 8px;color: #9C9C9C;cursor: pointer;
}

.icon-adduser:hover,.icon-addtimer:hover{
	background: #E9E9E9;
}

.input-user input{
	border-top: 1px #ccc dotted;
	width: 100%;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	outline: none;
	padding: 5px;
}

.view-list-customer{
	position: absolute;
	background: #fff;
	padding: 0px;
	display: none;
	z-index: 100;
	border: 1px solid #B4B4B4;
}

.view-list-customer ul{
	padding: 0px;
	margin: 0px;
}

.view-list-customer ul li{
	list-style-type: none;
	border-bottom: 1px dotted #B4B4B4;
	padding: 4px 10px;
	cursor: pointer;
}

.view-list-customer ul li.active{
	background: #FFD873;
	color: #fff;
}

.view-list-customer ul li strong{
	display: block;
}

.view-list-customer ul li span{
	font-size: 10px;
	font-style: italic;
}

.input-datetime{
	position: absolute;
	top: 110px;
	background: #fff;
	z-index: 1000;
	border: 1px solid #ccc;
	padding: 10px 10px 2px 10px;
	left: 50px;
	width: 300px;
	display: none;
}


</style>
<section class="vbox">
	<section class="scrollable">
		<section class="hbox stretch">
			<aside class="col-lg-4 b-l no-padder">
				<section class="vbox">
					<header class="header bg-white b-b b-light"> <p><i class="fa fa-columns"></i> Dòng Công Việc</p> </header>
					<section class="scrollable scrollable-list">
						<div class="wrapper">
							<div class="col-lg-6">
								<section class="chat-list block">
									<article class="chat-item left">
										<section class="chat-body">
											<div class="panel b-light text-sm m-b-none">
												<header class="panel-heading" style="border-bottom: 1px solid #eaeef1;padding: 7px;"> <a href="#">
													<a ><span class="uiIconText _51z7"><i class="fa fa-pencil-square" style="color: #FF9900;font-size: 15px;"></i> Ghi chú<i class="_2wr"></i></span></a>
												</header>
												<div style="">
													<textarea style="border: 0px;resize:none" class="form-control parsley-validated content-post" rows="2" data-minwords="2" data-required="true" placeholder="nhập nội dung ghi chú của bạn"></textarea>
													<div class="input-user">

													</div>
													<input type="hidden" class="id-customer" value="<?php if(isset($_REQUEST["cust_id"])){ echo $_REQUEST["cust_id"]; }?>" />
													<div class="view-list-customer">
														<ul class="compact" role="listbox">

														</ul>
													</div>
												</div>
												<footer class="" style="border-top: 1px solid #eaeef1;background: #F5F5F5;display:none;">
													<div style="float: left;">
														<i class="fa fa-user icon-adduser"></i> <i class="i i-clock2 icon-addtimer"></i> <span class="viewtimer"></span>
													</div>

													<div style="float: right;padding:7px;" class="action-post-feed">

														<div class="btn-group"> <button class="btn btn-default btn-xs btn-primary dropdown-toggle" data-toggle="dropdown"><i class="i i-settings"></i>  Tác Vụ <span class="caret"></span></button>
															<ul class="dropdown-menu pull-right">
																<li><a href="javascript:postFeeds(1)"><i class="fa fa-sign-in"></i> Đăng</a></li> 
															</ul> </div>

																<!-- <a href="javascript:postFeeds()" class="btn btn-xs btn-info " style="padding:2px 20px">Đăng</a> -->
															</div>

															<div class="input-datetime">
																<div class="row">
																	<div  class="col-sm-12">
																		Ngày: <input type="text" class="input-datepicker" style="margin-left:5px;width: 90px;"/>
																		Giờ: <input type="text" class="input-timepicker" style="margin-left:5px;width: 90px;"/>
																	</div>
																</div>
																<div style="text-align: right;padding:5px"><a href="#" class="btn btn-xs btn-info submit-date" style="padding:2px 20px">OK</a></div>
															</div>
															<div style="clear:both"></div>
														</footer>
													</div>
												</section>
											</article>
										</section>
										<br/>
										<!-- .comment-list -->
										<section class="comment-list block">
											<?php 
											foreach($this->data["result"] as $value){
												?>
												<article id="comment-id-3" class="comment-item">
													<a class="pull-left thumb-sm avatar">
														<img src="<?php echo base_url()?>images/un-avatar.png">
													</a> <span class="arrow left"></span>
													<section class="comment-body panel panel-default">
														<header class="panel-heading"> 
                                                        <a href="#"><strong><?php echo $this->session->userdata('fullname') ?></strong></a>

															gặp khách hàng <a href="<?php echo base_url()?>customer/detail?id=<?php echo $value["cust_id"]?>" title="sdasdas đâsd" class="label bg-warning m-l-xs">
                                                            <?php echo $value["cust_first_name"]." ".$value["cust_last_name"]; ?></a> <span class="text-muted m-l-sm pull-right"> <i class="fa fa-clock-o"></i> <?php echo @date("d-m-Y h:i:s",$value["feed_action_time"]); ?></span>
														</header>
														<div class="panel-body">
															<div  class="col-xs-12"><?php echo $value["feed_content"]?></div>
														</div>
													</section>
												</article>
												<?php
											}
											?>
											
										</section>
										<section class="chat-list block">
											<article class="chat-item left">
												<div class="col-lg-12 text-center">
													<ul class="pagination pagination">
																		<?php 
																		$config['base_url'] = base_url().'timeline/view';
																		$config['total_rows'] = $this->data["count_page"];
																		$config['per_page'] = 10; 
																		$config['full_tag_open'] = '<li>';
																		$config['full_tag_close'] = '</li>';
																		$config['last_tag_open'] = '<li>';
																		$config['last_tag_close'] = '</li>';
																		$config['next_tag_open'] = '<li>';
																		$config['next_tag_close'] = '</li>';
																		$config['prev_tag_open'] = '<li>';
																		$config['prev_tag_close'] = '</li>';
																		$config['cur_tag_open'] = '<li><a><b>';
																		$config['cur_tag_close'] = '</b></a></li>';
																		$config['num_tag_open'] = '<li>';
																		$config['num_tag_close'] = '</li>';
																		$this->pagination->initialize($config); 
																		echo $this->pagination->create_links();
																		?>

																	</ul>
												</div>
													
											
												
											</article>
										</section>
									</div>
								</div>
							</section>
						</section>
					</aside>
				</section>
			</section>
		</section>

<script>
	<?php if(isset($_REQUEST["cust_id"])){ ?>
		$('.chat-body footer').fadeIn();
		$(".input-user").html("<input type='text' value='<?php echo $this->data["result_cust"][0]["cust_first_name"]." ".$this->data["result_cust"][0]["cust_last_name"]; ?>' class='select-customer' placeholder='Bạn đi gặp ai?'/>");
  <?php	} ?>
 
</script>